<template>
    <div class="profit-forecast">
        <div class="row">
            <div class="col-md-12 white-box p-0">
                <div class="panel m-b-0">
                    <div class="panel-heading" style="overflow: hidden">
                        Filter
                    </div>
                    <div class="m-b-30" style="padding: 0 20px 20px 20px;">
                        <div class="input-group m-b-10">
                            <div class="input-group-btn">
                                <button type="button" class="btn waves-effect waves-light btn-info dropdown-toggle">楼盘名</button>
                            </div>
                            <input class="form-control" placeholder="请输入在谷歌地图找到的唯一名字" v-model="location" />
                        </div>
                        <div class="input-group m-b-10">
                            <div class="input-group-btn">
                                <button type="button" class="btn waves-effect waves-light btn-info dropdown-toggle">房子类型</button>
                            </div>
                            <select class="form-control" v-model="house_type">
                                <option value="0">apartment</option>
                                <option value="1">condo</option>
                            </select>
                        </div>

                        <div class="input-group m-b-10">
                            <div class="input-group-btn">
                                <button type="button" class="btn waves-effect waves-light btn-info dropdown-toggle">卧室数量</button>
                            </div>
                            <select class="form-control" v-model="bedroom">
                                <option value="1">1</option>
                                <option value="2">2</option>
                            </select>
                        </div>
                        <div class="input-group m-b-10">
                            <div class="input-group-btn">
                                <button type="button" class="btn waves-effect waves-light btn-info dropdown-toggle"> 实际长租月价格 </button>
                            </div>
                            <input class="form-control" v-model="market_price" type="number" />
                        </div>
                        <div class="input-group m-b-10">
                            <div class="input-group-btn">
                                <button type="button" class="btn waves-effect waves-light btn-info dropdown-toggle"> 民宿售卖档次</button>
                            </div>
                            <select class="form-control" v-model="price_">
                                <option value="50">相较周边竞品，无论地段或者装修均比较差，没有竞争优势</option>
                                <option value="55">相较周边竞品，地段或者装修较其他竞品差一些</option>
                                <option value="60">与周边竞品相差不大</option>
                                <option value="65">整体与周边竞品相当，在地段或者装修或者其他一两个方面有突出优势</option>
                                <option value="70">任何一方面都比周边竞品要好</option>
                            </select>
                        </div>
                    </div>
                    <div class="panel-footer p-10" style="overflow: hidden;">
                        <button class="btn btn-success pull-right" @click="go">Go</button>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="row">-->
            <!--<div class="col-md-12 white-box p-0">-->
                <!--<div class="panel">-->
                    <!--&lt;!&ndash;<iframe id="contentIframe" src="http://baidu.com" scrolling="no" frameborder="0" @load="alert(1)"></iframe>&ndash;&gt;-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    </div>
</template>

<script>
    export default {
        name: "ProfitForecast",
        data() {
            return {
                location: '',
                house_type: '',
                bedroom: '',
                market_price: '',
                price_: 60,
            }
        },
        methods: {
            go() {
                let url = `/vendor/super_view?location=${this.location}&house_type=${this.house_type}&market_price=${this.market_price}&bedroom=${this.bedroom}&price_=${this.price_}`
                window.open(url)
            },
        }
    }
</script>

<style scoped>

</style>